/*
    ----------------------------------------
    Midori Content CSS
    Sean Mitchell, sean.mitchell@nform.ca
    04 / 16 / 09
    ----------------------------------------
*/



/* CONTENT
--------------------------------------------- */
#content {
	float: left;
	width: 100%;
}



/* CONTENT > CONTAIN
--------------------------------------------- */
#content .contain {
	margin: auto;
    padding-top: 16px;
	width: 988px;
	overflow-x: hidden;
}



/* CONTENT > TABS
--------------------------------------------- */
#content .tabs { 
	background: url(/_layouts/images/Kiiro/frame-top.gif) left bottom no-repeat;
    color: #8C8C8C;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
    line-height: 40px;
    padding-right: 4px;
	width: 984px;
}
#content .tabs .tab,
#content .tabs .tab .wrap,
#content .tabs .selected,
#content .tabs .selected .wrap {
	float: left;
    height: 52px;
}
#content .tabs .tab a,
#content .tabs .selected a,
#content .tabs .selected span {
    display: block;
    padding: 0 18px 0 18px;
    text-decoration: none;
    text-transform: uppercase;
}
#content .tabs .tab a:hover,
#content .tabs .selected a:hover,
#content .tabs .selected span {
    color: #464646;
}



/* CONTENT > TABS > TAB
--------------------------------------------- */
#content .tabs .tab {
	background: url(/_layouts/images/Kiiro/tab.gif) no-repeat;
}
#content .tabs .tab .wrap {
	background: url(/_layouts/images/Kiiro/tab-end.gif) top right no-repeat;
}
#content .tabs .tab a {
    color: #8C8C8C;
}



/* CONTENT > TABS > SELECTED
--------------------------------------------- */
#content .tabs .selected {
	background: url(/_layouts/images/Kiiro/selected.gif) no-repeat;
}
#content .tabs .selected .wrap {
	background: url(/_layouts/images/Kiiro/selected-end.gif) top right no-repeat;
}
#content .tabs .selected a {
    color: #464646;
}



/* CONTENT > TABS > EDGE
--------------------------------------------- */
#content .tabs .edge {
	background: url(/_layouts/images/Kiiro/selected-edge.gif) no-repeat;
}



/* CONTENT > TABS > ACTIONS
--------------------------------------------- */
#content .tabs .actions {
    float: right;
    height: 52px;
}
#content .tabs .actions ul {
	float: left;
}
#content .tabs .actions li {
	background: url(/_layouts/images/Kiiro/action-left.gif) left top no-repeat;
	float: left;
    margin-left: 8px;
}
#content .tabs .actions li a {
	background: url(/_layouts/images/Kiiro/action-right.gif) right top no-repeat;
    display: block;
}
#content .tabs .actions li a span {
    color: #8C8C8C;
    display: block;
    padding: 0 14px 0 14px;
    text-decoration: none;
    text-transform: uppercase;
}
#content .tabs .actions li:hover {
	background-position: left -40px;
}
#content .tabs .actions a:hover {
	background-position: right -40px;
}
#content .tabs .actions li span:hover {
    color: #464646;
}



/* CONTENT > TABS > ACTIONS > ICONS
--------------------------------------------- */
#content .tabs .actions li a .icon-add,
#content .tabs .actions li a .icon-back,
#content .tabs .actions li a .icon-delete,
#content .tabs .actions li a .icon-edit,
#content .tabs .actions li a .icon-folder-new,
#content .tabs .actions li a .icon-document-new {
    padding-left: 35px;
}
#content .tabs .actions li a .icon-add {
	background: url(/_layouts/images/Kiiro/icon-add.png) 12px 11px no-repeat;
}
#content .tabs .actions li a .icon-back {
	background: url(/_layouts/images/Kiiro/icon-back.png) 12px 11px no-repeat;
}
#content .tabs .actions li a .icon-delete {
	background: url(/_layouts/images/Kiiro/icon-delete.png) 12px 11px no-repeat;
}
#content .tabs .actions li a .icon-edit {
	background: url(/_layouts/images/Kiiro/icon-edit.png) 12px 11px no-repeat;
}
#content .tabs .actions li a .icon-folder-new {
	background: url(/_layouts/images/Kiiro/icon-folder-new.png) 12px 11px no-repeat;
}
#content .tabs .actions li a .icon-document-new {
	background: url(/_layouts/images/Kiiro/icon-document-new.png) 12px 11px no-repeat;
}


/* CONTENT > LOCATION
--------------------------------------------- */
#content .location {
	background: url(/_layouts/images/Kiiro/frame.gif) repeat-y;
    color: #C8C8C8;
	float: left;
	width: 988px;
}
#content .location p {
    padding: 3px 0 0 16px;
}
#content .location a {
    padding: 0 6px 0 6px;
}
#content .location .wrap {
	background: url(/_layouts/images/Kiiro/frame-location.gif) no-repeat;
	float: left;
	width: 988px;
    height: 37px;
}



/* CONTENT > ACTIONBAR
--------------------------------------------- */
#content .actionbar {
	background: url(/_layouts/images/Kiiro/frame.gif) repeat-y;
    color: #7D7D7D;
	float: left;
    font-weight: bold;
	width: 988px;
}
#content .actionbar .wrap {
	background: url(/_layouts/images/Kiiro/frame-actionbar.gif) no-repeat;
	float: left;
    height: 40px;
    padding: 0 21px 0 21px;
	width: 946px;
}
#content .actionbar .wrap p,
#content .actionbar .wrap ul {
    padding-top: 11px;
}
#content .actionbar .wrap-has-tabs {
	background: url(/_layouts/images/Kiiro/frame-actionbar-has-tabs.gif) no-repeat;
	float: left;
    height: 37px;
    padding: 0 21px 0 21px;
	width: 946px;
}
#content .actionbar .wrap-has-tabs .floatRight{
	float: right;
}
#content .actionbar .wrap-has-tabs p,
#content .actionbar .wrap-has-tabs ul {
    padding-top: 3px;
}
#content .actionbar p.left {
	float: left;
}
#content .actionbar p.right {
	float: right;
}
#content .actionbar p .icon-back {
	background: url(/_layouts/images/Kiiro/icon-back.png) no-repeat;
    padding-left: 25px;
}
#content .actionbar ul.left {
	float: left;
}
#content .actionbar ul.right {
	float: right;
}
#content .actionbar .left li {
    border-right: 1px solid #C8C8C8;
	float: left;
	margin-right: 11px;
	padding-right: 11px;
}
#content .actionbar .right li {
    border-left: 1px solid #C8C8C8;
	float: left;
	margin-left: 11px;
	padding-left: 11px;
}
#content .actionbar li span {
    font-weight: normal;
}
#content .actionbar li.borderless {
    border: none;
}



/* CONTENT > FOCUS
--------------------------------------------- */
#content .focus {
	background: url(/_layouts/images/Kiiro/frame.gif) repeat-y;
	float: left;
    padding-bottom: 5px;
	width: 988px;
}
#content .focus .wrap {
	background: url(/_layouts/images/Kiiro/frame-focus.gif) left bottom no-repeat;
	float: left;
	width: 988px;
}
#content .focus h2,
#content .focus h3 {
	font-weight: bold;
}
#content .focus h3,
#content .focus ul,
#content .focus p {
    padding-bottom: 8px;
}



/* CONTENT > FOCUS > PERSON
--------------------------------------------- */
#content .focus .person-image {
	float: left;
	height: 146px;
    padding: 9px 16px 19px 22px;
	width: 146px;
}
#content .focus .person-image img {
    border: 1px solid #D2D2D2;
    display: block;
}
#content .focus .person-details {
	float: left;
    padding: 22px 22px 15px 0;
	width: 782px;
}
#content .focus .person-details h2 {
    color: #FA6414;
}



/* CONTENT > FOCUS > DISCUSSION
--------------------------------------------- */
#content .focus .discussion-image {
	float: left;
    padding: 14px 16px 19px 22px;
	width: 50px;
}
#content .focus .discussion-image a {
	display: block;
	height: 48px;
	width: 48px;
	border: 1px solid #D2D2D2;
}
#content .focus .discussion-image a:hover {
	border: 1px solid #464646;
}
#content .focus .discussion-image img {
    display: block;
}
#content .focus .discussion-details {
	float: left;
    padding: 14px 22px 11px 0;
	width: 878px;
}
#content .focus .discussion-details h2 {
    font-weight: bold;
    padding: 0 200px 8px 0;
}
#content .focus .discussion-details h2 a {
}
#content .focus .discussion-details h3 {
    font-size: 16px;
    font-weight: bold;
    padding: 0 200px 12px 0;
    word-wrap: break-word;
}
#content .focus .discussion-details p {
    padding: 0 200px 8px 0;
}
#content .focus .discussion-details img {
    max-width: 870px;
    width: expression(this.width>870?"870px":"auto");
    -ms-interpolation-mode: bicubic;
}



/* CONTENT > FOCUS > DOCUMENT-HISTORY
--------------------------------------------- */
#content .focus .document-history {
    float: left;
    padding: 8px 0 17px 17px;
    width: 965px;
}
#content .focus .document-history h2 {
	background: url(/_layouts/images/Kiiro/icon-document-history.png) no-repeat;
	line-height: 48px;
    padding-left: 58px;
}



/* CONTENT > FOCUS > WORK-DISPLAY
--------------------------------------------- */
#content .focus .work-display {
	float: left;
    padding: 15px 22px 5px 22px;
	width: 944px;
}
#content .focus .work-display h2 {
    font-weight: bold;
    padding-bottom: 8px;
}
#content .focus .work-display p {
    padding-bottom: 8px;
}
#content .focus .work-display.task,
#content .focus .work-display.issue {
    padding: 15px 22px 5px 86px;
	width: 880px;
}
#content .focus .work-display dl {
	float: left;
	width: 880px;
}
#content .focus .work-display dl dt {
	float: left;
	font-size: 9px;
	font-weight: bold;
    padding-bottom: 8px;
    text-transform: uppercase;
    width: 100px;
}
#content .focus .work-display dl dd {
    color: #7D7D7D;
	float: left;
    padding-bottom: 8px;
	width: 780px;
}
#content .focus .work-display.task {
	background: url(/_layouts/images/Kiiro/label-task-slim.png) 22px 14px no-repeat;
}
#content .focus .work-display.issue {
	background: url(/_layouts/images/Kiiro/label-issue-slim.png) 22px 14px no-repeat;
}



/* CONTENT > BODY-PAD
--------------------------------------------- */
#content .body-pad {
	float: left;
    padding-bottom: 14px;
	width: 988px;
}



/* CONTENT > BODY
--------------------------------------------- */
#content .body {
	background: url(/_layouts/images/Kiiro/frame.gif) repeat-y;
	float: left;
	width: 988px;
}



/* CONTENT > BODY > WRAP
--------------------------------------------- */
#content .body .wrap {
	background: url(/_layouts/images/Kiiro/frame-bottom.gif) left bottom no-repeat;
	float: left;
    padding: 9px 21px 3px 21px;
	width: 988px;
}



/* CONTENT > BODY > WR
--------------------------------------------- */
#content .body .wr {
	background: url(/_layouts/images/Kiiro/frame-top.gif) no-repeat;
	float: left;
	width: 988px;
}



/* CONTENT > BODY > AP
--------------------------------------------- */
#content .body .ap {
	background: url(/_layouts/images/Kiiro/frame-bottom.gif) left bottom no-repeat;
	float: left;
    padding: 17px 21px 3px 21px;
	width: 988px;
}



/* CONTENT > BODY > PANEL-PAD
--------------------------------------------- */
#content .body .panel-pad {
	float: left;
    padding-bottom: 14px;
	width: 946px;
}



/* CONTENT > BODY > PANEL
--------------------------------------------- */
#content .body .panel {
	background: url(/_layouts/images/Kiiro/panel.gif) repeat-y;
	float: left;
	width: 946px;
}



/* CONTENT > BODY > PANEL > PANEL-WRAP
--------------------------------------------- */
#content .body .panel .panel-wrap {
	background: url(/_layouts/images/Kiiro/panel-top.gif) no-repeat;
	float: left;
	width: 946px;
}



/* CONTENT > BODY > PANEL > PANEL-TITLE
--------------------------------------------- */
#content .body .panel .panel-title {
	background: url(/_layouts/images/Kiiro/panel-title.gif) no-repeat;
	float: left;
    height: 31px;
    line-height: 31px;
    padding: 0 18px 0 18px;
	width: 910px;
}
#content .body .panel .panel-title h2 {
	float: left;
    font-weight: bold;
}
#content .body .panel .panel-title h2 span {
    color: #7D7D7D;
    font-weight: normal;
}
#content .body .panel .panel-title h2 span.divide {
    padding: 0 4px 0 4px;
}
#content .body .panel .panel-title h3 {
	float: right;
    font-weight: bold;
}
#content .body .panel .panel-title th {
    font-weight: bold;
}
#content .body .panel .panel-title ul {
	float: right;
    line-height: 18px;
    padding-top: 8px;
}
#content .body .panel .panel-title ul li {
    border-left: 1px solid #C8C8C8;
	float: left;
	margin-left: 11px;
	padding-left: 11px;
}
#content .body .panel .panel-title ul li a {
    font-weight: bold;
}
#content .body .panel .panel-title ul li.borderless {
    border: none;
	margin: 0;
	padding: 0;
}
#content .body .panel .panel-title.closed {
	background: url(/_layouts/images/Kiiro/panel-title-closed.gif) no-repeat;
    padding-bottom: 2px;
}



/* PANEL-TITLE > ICONS
--------------------------------------------- */
.panel-title h2.icon-folder-open {
    background: url(/_layouts/images/Kiiro/icon-folder-open.png) 0 8px no-repeat;
    padding-left: 32px;
}
.panel-title h2.icon-folder-closed {
    background: url(/_layouts/images/Kiiro/icon-folder.png) 0 8px no-repeat;
    padding-left: 32px;
}



/* CONTENT > BODY > PANEL > PANEL-CONTENT
--------------------------------------------- */
#content .body .panel .panel-content {
	background: url(/_layouts/images/Kiiro/panel-bottom.gif) left bottom no-repeat;
	float: left;
    padding-bottom: 6px;
	width: 946px;
}



/* CONTENT > BODY > PANEL > HAS-PAGES
--------------------------------------------- */
#content .body .panel .has-pages {
	background: none;
}



/* CONTENT > BODY > PANEL > COMMENT
--------------------------------------------- */
#content .body .panel .comment {
    border-bottom: 1px solid #D2D2D2;
	float: left;
    margin: 0 10px 0 10px;
    padding: 16px 0 8px 0;
	width: 926px;
}
#content .body .panel .comment .comment-image {
	float: left;
    padding: 0 16px 8px 8px;
	width: 50px;
}
#content .body .panel .comment .comment-image a {
	display: block;
	height: 48px;
	width: 48px;
	border: 1px solid #D2D2D2;
}
#content .body .panel .comment .comment-image a:hover {
	border: 1px solid #464646;
}
#content .body .panel .comment .comment-image img {
    display: block;
}
#content .body .panel .comment .comment-body {
	float: left;
	width: 852px;
}
#content .body .panel .comment .comment-body .comment-title {
	float: left;
    padding-bottom: 8px;
	width: 852px;
}
#content .body .panel .comment .comment-body .comment-title h2 {
	float: left;
    font-weight: bold;
}
#content .body .panel .comment .comment-body .comment-title h3 {
    font-weight: bold;
    color:#FA6414;
}
#content .body .panel .comment .comment-body .comment-title ul {
	float: left;
    font-weight: bold;
}
#content .body .panel .comment .comment-body .comment-title li {
    border-left: 1px solid #C8C8C8;
	float: left;
	margin-left: 11px;
	padding-left: 11px;
}
#content .body .panel .comment .comment-body .comment-title li a {
    display: block;
}
#content .body .panel .comment .comment-body .comment-title li.borderless {
    border: none;
}
#content .body .panel .comment .comment-body .comment-details {
	float: left;
    padding-right: 200px;
	width: 652px;
}
#content .body .panel .comment .comment-body .comment-details p {
    padding-bottom: 8px;
}
#content .body .panel .comment .comment-body .comment-details textarea.input {
    background: #FAFAFA;
	border: 1px solid #D2D2D2;
	border-radius: 4px;
    color: #464646;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 5px;
    width: 632px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#content .body .panel .comment .comment-body .comment-details .input
{
	background: #FAFAFA !important;
	border: 1px solid #D2D2D2;
	border-radius: 4px;
    color: #464646;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 8px;
    width: 429px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#content .body .panel .comment .comment-body .comment-details textarea:focus {
	border: 1px solid #969696;
}


/* CONTENT > BODY > PANEL > SEARCHRESULT
--------------------------------------------- */
#content .body .panel .searchresult {
    border-bottom: 1px solid #D2D2D2;
	float: left;
    margin: 0 10px 0 10px;
    padding: 16px 8px 8px 103px;
	width: 815px;
}
#content .body .panel .searchresult.label-discussion {
	background: url(/_layouts/images/Kiiro/label-discussion.png) 8px 16px no-repeat;
}
#content .body .panel .searchresult.label-document {
	background: url(/_layouts/images/Kiiro/label-document.png) 8px 16px no-repeat;
}
#content .body .panel .searchresult.label-issue {
	background: url(/_layouts/images/Kiiro/label-issue.png) 8px 16px no-repeat;
}
#content .body .panel .searchresult.label-list {
	background: url(/_layouts/images/Kiiro/label-list.png) 8px 16px no-repeat;
}
#content .body .panel .searchresult.label-task {
	background: url(/_layouts/images/Kiiro/label-task.png) 8px 16px no-repeat;
}
#content .body .panel .searchresult.label-user {
	background: url(/_layouts/images/Kiiro/label-user.png) 8px 16px no-repeat;
}
#content .body .panel .searchresult.label-project {
	background: url(/_layouts/images/Kiiro/label-project.png) 8px 16px no-repeat;
}
#content .body .panel .searchresult .searchresult-body h2 {
    font-weight: bold;
    padding-bottom: 8px;
    display:inline;
}
#content .body .panel .searchresult .searchresult-body p {
    padding-bottom: 8px;
}
#content .actionbar .search-categories a {
    display: inline;
}
#content .actionbar .search-categories a.disabled {
    color: #888;
}



/* CONTENT > BODY > PANEL > LIST
--------------------------------------------- */
#content .body .panel .list {
	float: left;
    margin: 0 10px 0 10px;
    padding: 12px 8px 1px 8px;
	width: 910px;
}
#content .body .panel .list ul li {
    padding-bottom: 8px;
}
#content .body .panel .list ul li a {
    font-weight: bold;
}
#content .body .panel .list ul li span {
    color: #B4B4B4;
    padding: 0 4px 0 4px;
}



/* CONTENT > BODY > PANEL > WORK-DISPLAY
--------------------------------------------- */
#content .body .panel .work-display {
	float: left;
    margin: 0 10px 0 10px;
    padding: 0 0 0 0;
	width: 926px;
}
#content .body .panel .work-display dl {
    border-bottom: 1px solid #D2D2D2;
	float: left;
    padding: 12px 8px 12px 8px;
	width: 910px;
}
#content .body .panel .work-display dl dt {
	float: left;
	font-size: 9px;
	font-weight: bold;
    padding-top: 1px;
    text-transform: uppercase;
	width: 140px;
}
#content .body .panel .work-display dl dd {
	float: left;
	width: 770px;
}
#content .body .panel .work-display dl.borderless {
    border: none;
    padding-bottom: 9px;
}



/* CONTENT > BODY > PANEL > FOLDER / DOCUMENT
--------------------------------------------- */
#content .body .panel .folder,
#content .body .panel .document {
    border-bottom: 1px solid #D2D2D2;
	float: left;
    margin: 0 10px 0 10px;
    padding: 0 8px 0 8px;
	width: 910px;
}
#content .body .panel .folder h2,
#content .body .panel .document h2 {
	float: left;
    font-weight: bold;
    padding: 12px 0 12px 32px;
}
#content .body .panel .folder h2 {
    background: url(/_layouts/images/Kiiro/icon-folder.png) 0 12px no-repeat;
}
#content .body .panel .document h2 {
    background: url(/_layouts/images/Kiiro/icon-document.png) 0 12px no-repeat;
}
#content .body .panel .folder h3,
#content .body .panel .document h3 {
    border-left: 1px solid #C8C8C8;
    color: #7D7D7D;
	float: left;
	margin: 12px 0 12px 11px;
    padding-left: 11px;
}
#content .body .panel .folder ul,
#content .body .panel .document ul {
	float: right;
    padding: 12px 0 12px 0;
}
#content .body .panel .folder ul li,
#content .body .panel .document ul li {
    border-left: 1px solid #C8C8C8;
	float: left;
	margin-left: 11px;
	padding-left: 11px;
}
#content .body .panel .folder ul li a,
#content .body .panel .document ul li a {
    font-weight: bold;
}
#content .body .panel .folder ul li.borderless,
#content .body .panel .document ul li.borderless {
    border: none;
	margin: 0;
	padding: 0;
}
#content .body .panel .folder.borderless,
#content .body .panel .document.borderless {
    border: none;
}
#content .body .panel .folder.borderless ul,
#content .body .panel .document.borderless ul {
    padding: 12px 0 8px 0;
}
#content .body .panel .folder.borderless h2,
#content .body .panel .document.borderless h2 {
    padding: 12px 0 8px 32px;
}



/* CONTENT > BODY > PANEL > BORDERLESS
--------------------------------------------- */
#content .body .panel .borderless {
    border: none;
    padding-bottom: 2px;
}



/* CONTENT > BODY > PANEL > SUMMARY-NOTE
--------------------------------------------- */
#content .body .panel .summary-note {
	float: left;
    padding: 3px 10px 0 10px;
	width: 926px;
}
#content .body .panel .summary-note div {
    border-top: 1px solid #D2D2D2;
	float: left;
    padding: 12px 8px 5px 8px;
	width: 910px;
}
#content .body .panel .summary-note h2 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 9px;
}
#content .body .panel .summary-note p {
    color: #7D7D7D;
    padding-bottom: 4px;
}



/* CONTENT > BODY > PANEL > PROJECT
--------------------------------------------- */
#content .body .panel .project {
	background: url(/_layouts/images/Kiiro/panel-project.gif) repeat-y;
	float: left;
    margin: 8px 0 5px 0;
    padding: 0 10px 0 10px;
	width: 926px;
}
#content .body .panel .project.wide {
	background: url(/_layouts/images/Kiiro/panel-project-wide.gif) repeat-y;
}



/* CONTENT > BODY > PANEL > PROJECT > TIMELINE
--------------------------------------------- */
#content .body .panel .project .timeline {
	float: left;
    padding: 1px 33px 0 0;
	width: 286px;
}
#content .body .panel .project .timeline dl {
    border-bottom: 1px solid #D2D2D2;
	float: left;
    margin-bottom: 9px;
    padding: 0 8px 10px 8px;
	width: 270px;
}
#content .body .panel .project .timeline dt {
	float: left;
	font-size: 9px;
	font-weight: bold;
    padding: 7px 0 5px 0;
    text-transform: uppercase;
	width: 155px;
}
#content .body .panel .project .timeline dd {
	background: url(/_layouts/images/Kiiro/timeline-arrow.png) no-repeat;
    color: #FA6414;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
    padding: 7px 0 5px 0;
    text-align: right;
	width: 115px;
}



/* PROJECT > TIMELINE > PROGRESS
--------------------------------------------- */
.project .timeline .progress {
	float: left;
    margin: 7px 0 0 8px;
}
.project .timeline img {
	float: left;
	margin-right: 8px;
}
.project .timeline .progress span {
    display: none;
}
.project .timeline .progress-gutter {
	float: left;
	background: url(/_layouts/images/Kiiro/progress-gutter.gif) no-repeat;
    display: block;
	height: 23px;
	width: 234px;
}
.project .timeline .progress-bar {
	float: left;
	background: url(/_layouts/images/Kiiro/progress-bar.gif) no-repeat #696969;
    display: block;
	height: 23px;
}



/* CONTENT > BODY > PANEL > PROJECT > STATUS
--------------------------------------------- */
#content .body .panel .project .status {
	float: left;
    padding-right: 17px;
	width: 288px;
}
#content .body .panel .project .status ul {
    padding: 8px 0 8px 0;
}
#content .body .panel .project .status li {
    border-bottom: 1px solid #D2D2D2;
    line-height: 19px;
    margin-bottom: 8px;
    padding: 0 8px 8px 8px;
}
#content .body .panel .project .status ul li img 
{
	vertical-align: middle;
	margin-right: 8px;
}
#content .body .panel .project .status ul .last {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}


/* CONTENT > BODY > PANEL > SETTINGS
--------------------------------------------- */
#content .body .panel .settings {
	float: left;
    padding: 1px 10px 0 10px;
	width: 926px;
}
#content .body .panel .settings .row {
    border-bottom: 1px solid #D2D2D2;
	float: left;
    padding-bottom: 3px;
	width: 926px;
}
#content .body .panel .settings .row dl {
    color: #7D7D7D;
	float: left;
    padding: 0 8px 13px 8px;
	width: 447px;
}
#content .body .panel .settings .row dt {
	color: #FA6414;
	float: left;
    font-weight: bold;
    padding: 13px 0 7px 0;
	width: 447px;
}
#content .body .panel .settings .row dd {
	float: left;
    padding-top: 2px;
}
#content .body .panel .settings .row dd.float-input {
	float: left;
    width: 258px;
}
#content .body .panel .settings .row dd.float-input .input {
    width: 240px;
}
#content .body .panel .settings .row dd.float-button {
	float: left;
    padding-top: 0;
    padding-left: 6px;
}
#content .body .panel .settings .row dt h3,
#content .body .panel .settings .row h3 {
	color: #464646;
    font-weight: bold;
}
#content .body .panel .settings .row dd .select {
    width: 447px;
}
#content .body .panel .settings .row dd .radio,
#content .body .panel .settings .row dd .checkbox {
    margin-right: 8px;
}
#content .body .panel .settings .row dd .radio input,
#content .body .panel .settings .row dd .checkbox input{    
    vertical-align: text-bottom;
}
#content .body .panel .settings .row dd .input,
#content .body .panel .settings .row dd .textarea {
    background: #FAFAFA !important;
	border: 1px solid #D2D2D2;
	border-radius: 4px;
    color: #464646;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 8px;
    width: 429px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#content .body .panel .settings .row dd .autoGrow{
    background: #FAFAFA !important;
	border: 1px solid #D2D2D2;
	border-radius: 4px;
	height: 200px;
    color: #464646;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 8px;
	max-width: 429px;
    width: 429px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#content .body .panel .settings .row dd span table.ms-usereditor 
{
	background: #FAFAFA;
	border: 1px solid #D2D2D2;
	border-radius: 4px;
	color: #464646;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 8px;
	width: 447px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#content .body .panel .settings .row dd span table.ms-usereditor div.ms-inputuserfield
{
	width:107% !important;
	border:0;
	font-size: 14px;
	padding: 8px;
}
#content .body .panel .settings .row dd span table.ms-usereditor textarea.ms-input
{
border:0;
padding: 8px;
height:18px;
	font-size: 14px;
}
#content .body .panel .settings .row dd .input:focus,
#content .body .panel .settings .row dd .textarea:focus {
	border: 1px solid #969696;
}
#content .body .panel .settings .borderless {
    border: none;
    padding-bottom: 0;
}


/* CONTENT > BODY > FORM-BUTTONS
--------------------------------------------- */
#content .body .form-buttons {
	float: left;
    padding: 8px 0 18px 16px;
}
#content .body .form-buttons li {
	float: left;
    padding-right: 14px;
}
#content .body .form-buttons ul li a {
	display: block;
}
#content .body .comment-details p a {
	display: inline-block;
}



/* CONTENT > BODY > PANEL > ACTIVITY
--------------------------------------------- */
#content .body .panel .activity {
	float: left;
    padding: 0 10px 0 10px;
	width: 926px;
}
#content .body .panel .activity ul li {
	float: left;
    border-bottom: 1px solid #D2D2D2;
    padding: 12px 8px 12px 8px;
	width: 882px;
}
#content .body .panel .activity ul li img {
	float: left;
	margin-right: 8px;
}
#content .body .panel .activity ul li .project-name {
	float: right;
	text-align: right;
}
#content .body .panel .activity .borderless {
    border: none;
    padding-bottom: 9px;
}
#content .body .panel .activity .name {
    font-weight: bold;
}


/* CONTENT > BODY > PANEL > ACTIVITY-UPDATE
--------------------------------------------- */
#content .body .panel .activity-update {
	float: left;
    padding: 16px 18px 5px 18px;
	width: 910px;
}
#content .body .panel .activity-update textarea {
    background: #FAFAFA;
	border: 1px solid #D2D2D2;
	border-radius: 4px;
    color: #464646;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 5px;
    width: 898px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#content .body .panel .activity-update textarea:focus {
	border: 1px solid #969696;
}
#content .body .panel .activity-update div {
	margin-bottom: 8px;
}
#content .body .panel .activity-update div.last {
	margin-bottom: 0px;
}


/* CONTENT > BODY > PANEL > PROJECT-STATUS-UPDATE
--------------------------------------------- */
#content .body .panel .project-status-update {
	float: left;
    padding: 12px 8px 5px 8px;
}
#content .body .panel .project-status-update textarea {
    background: #FAFAFA;
	border: 1px solid #D2D2D2;
	border-radius: 4px;
    color: #464646;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 5px;
    width: 898px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#content .body .panel .project-status-update div {
	border-top: none;
	float: left;
    width: 910px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
}
#content .body .panel .project-status-update div.first {
	border-top: 1px solid #D2D2D2;
    padding-top: 12px;
}
#content .body .panel .project-status-update div.last {
    padding-bottom: 8px;
}
#content .body .panel .project-status-update textarea:focus {
	border: 1px solid #969696;
}
#content .body .panel .project-status-update h2 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 9px;
}


/* CONTENT > GENERIC
--------------------------------------------- */
#content .generic {
	background: url(/_layouts/images/Kiiro/frame.gif) repeat-y;
    float: left;
	width: 988px;
}
#content .generic .wrap-top {
	background: url(/_layouts/images/Kiiro/frame-top.gif) no-repeat;
	float: left;
	width: 988px;
}
#content .generic .wrap-bottom {
	background: url(/_layouts/images/Kiiro/frame-bottom.gif) left bottom no-repeat;
	float: left;
    padding: 13px 21px 7px 21px;
	width: 946px;
}
#content .generic .wrap-inner {
	float: left;
	width: 946px;
}
#content .generic h2 {
	color: #FA6414;
    font-weight: bold;
    padding-bottom: 9px;
}
#content .generic h3 {
    font-weight: bold;
    padding-bottom: 4px;
}
#content .generic p {
    color: #7D7D7D;
    padding-bottom: 8px;
}



/* CONTENT > PROJECT-SUMMARY
--------------------------------------------- */
#content .project-summary-pad {
    float: left;
    padding-bottom: 14px;
	width: 988px;
}
#content .project-summary {
	background: url(/_layouts/images/Kiiro/frame.gif) repeat-y;
    float: left;
	width: 988px;
}
#content .project-summary .wrap-top {
	float: left;
	width: 988px;
}
#content .project-summary .wrap-bottom {
	background: url(/_layouts/images/Kiiro/frame-bottom.gif) left bottom no-repeat;
	float: left;
    padding: 0 21px 11px 21px;
	width: 946px;
}
#content .project-summary .wrap-inner {
	background: url(/_layouts/images/Kiiro/project-summary.gif) repeat-y;
	float: left;
	width: 946px;
}
#content .project-summary h2 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 9px;
}
#content .project-summary p {
    color: #7D7D7D;
    padding-bottom: 4px;
}



/* CONTENT > PROJECT-SUMMARY > PROJECT-DESCRIPTION
--------------------------------------------- */
#content .project-summary .project-description {
	float: left;
    padding: 4px 16px 0 0;
	width: 617px;
}



/* CONTENT > PROJECT-SUMMARY > PROJECT-PLAN
--------------------------------------------- */
#content .project-summary .project-plan {
	float: left;
    padding: 4px 0 8px 17px;
	width: 296px;
}
#content .project-summary .project-plan h3 {
	background: url(/_layouts/images/Kiiro/icon-project-plan.png) 14px 13px no-repeat #FAFAFA;
    border: 1px solid #D2D2D2;
    float: left;
    font-weight: bold;
	line-height: 78px;
    padding-left: 72px;
	width: 221px;
}



/* CONTENT > BODY > PAGES / PANEL-PAGES
--------------------------------------------- */
#content .body .pages {
	background: url(/_layouts/images/Kiiro/pages.gif) no-repeat;
    margin-bottom: 14px;
}
#content .body .panel-pages {
	background: url(/_layouts/images/Kiiro/panel-pages.gif) no-repeat;
}
#content .body .pages,
#content .body .panel-pages {
	float: left;
    height: 33px;
    padding: 0 16px 0 16px;
	width: 946px;
}
#content .body .pages h2,
#content .body .panel-pages h2 {
	float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 8px 11px 0 0;
}
#content .body .pages ul,
#content .body .panel-pages ul {
	float: left;
    font-size: 11px;
    padding-top: 5px;
}
#content .body .pages li,
#content .body .panel-pages li {
	float: left;
}
#content .body .pages li span,
#content .body .pages li a,
#content .body .panel-pages li span,
#content .body .panel-pages li a {
	float: left;
	color: #969696;
    display: block;
    margin: 0 2px 0 2px;
    padding: 2px 8px 2px 8px;
}
#content .body .pages li a:hover,
#content .body .panel-pages li a:hover {
    color: #1E1E1E;
    text-decoration: underline;
}
#content .body .pages li .selected,
#content .body .pages li .selected:hover,
#content .body .panel-pages li .selected,
#content .body .panel-pages li .selected:hover {
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
	color: #FA6414;
    padding: 1px 7px 1px 7px;
    text-decoration: none;
}

/* Dummy file input 
-----------------------------*/

  #my_attachments .deleted_attachments, .dummy_file_input { display: none !important; }
  #my_attachments .attachments li img { vertical-align: middle; }
  #my_attachments .attachments li .remove { margin-left: 15px; }